<template>
  <div class="songshow">
      <div>{{song.id}}{{song.name}}</div>
      <div>
          <div>{{song.singername}} - {{song.songAlbum}}</div>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },
  props: {
      song : Object
  },

  components: {},

  computed: {},

  methods: {}
}

</script>
<style scoped>

.songshow{
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-text-d);

}

.songshow>div:nth-of-type(1){
    font-size: 16px;
}

.songshow>div:nth-of-type(2){
    color: var(--color-text-d);
    font-size: 14px;
    margin-top: 5px;
}
</style>